<template>
  <MerakCollapse v-model="active">
    <MerakCollapseItem name="one" title="面板一">
      <template #title>
        <!-- 标题插槽 -->
      </template>
      <template #handler>
        <!-- 按钮插槽 -->
      </template>
      <!-- 面板内容 -->
    </MerakCollapseItem>
    <MerakCollapseItem name="two" title="面板二"></MerakCollapseItem>
  </MerakCollapse>
</template>

<script setup lang="ts">
import { ref } from "vue";

import { MerakCollapse, MerakCollapseItem } from "@/components/MerakCollapse";

const active = ref<string[]>(["one"]);
</script>

<style scoped lang="scss"></style>
